<!DOCTYPE html>
<html>
	{include file="public/header" /}

	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">渠道</label>
							<div class="layui-input-block">
								<select name="TgadminID">
									<option value="" selected="selected">全部</option>
							       {foreach name="qudao" item="vo"}
									
									<option value="{$vo.ID}">{$vo.Name}</option>
									{/foreach}
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                          </button>
						</div>
					</div>
				</div>

				<div class="layui-card-body">
					<div style="padding-bottom: 10px;">
						<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>
					</div>

					<table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
					<script type="text/html" id="imgTpl">
						<img style="display: inline-block; width: 50%; height: 100%;" src={ { d.avatar }}>
					</script>
					
					<script type="text/html" id="table-useradmin-webuser">
						<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
						<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="join"><i class="layui-icon layui-icon-username"></i>关联</a>
					</script>
				</div>
			</div>
		</div>

		{include file="public/footer" /}
		<script>
			layui.use(['index', 'table','form'], function() {
				var $ = layui.$,
					form = layui.form,
					table = layui.table;
				table.render({
					elem: '#LAY-user-manage',
					url: "{:url('admin/tuiguang/get_list')}?songsong=0",
					toolbar: '#test-table-toolbar-toolbarDemo',
					title: '用户数据表',
					cols: [
						[{
								type: 'checkbox',
								fixed: 'left'
							}, {
								type: 'numbers',
								title: '排序',
								width: 40,
								fixed: 'left',
								unresize: true,
							},
							 {
								field: 'Name',
								title: '渠道名称',
								width: 150,
								edit: 'text',
							}, {
								field: 'DaichaoName',
								title: '贷超名称',
								width: 150,
								edit: 'text',
							}, {
								field: 'UserName',
								title: '关联贷超名称',
								width: 150,
								edit: 'text',
							}, {
								field: 'Status',
								title: '状态',
								width: 60,
								edit: 'text',
							},
							{
								field: 'Kouliang',
								title: '渠道扣量比例',
								width: 120,
								edit: 'text',

							}, {
								field: 'KouliangClick',
								title: '扣量开关',
								width: 100,
								edit: 'text',
							}, {
								field: 'TuiGuangFangShi',
								title: '推广方式',
								width: 110,
								edit: 'text',
							}, {
								field: 'DanJia',
								title: '单价',
								width: 70,
								edit: 'text',
							},
							
							{
								field: 'TgFeiYong',
								title: '推广费用',
								width: 100,
								edit: 'text',
							},
							{
								field: 'jishenfen',
								title: '机审分',
								width: 100,
								edit: 'text',
							},
							{
								field: 'rengongfen',
								title: '人工分',
								width: 100,
								edit: 'text',
							},
							{
								field: 'Links',
								title: '推广链接',
								width: 500,
								edit: 'text',
								event: 'copyText'
							}, {
								fixed: 'right',
								title: '操作',
								toolbar: '#table-useradmin-webuser',
								width: 150
							}
						]
					],
					page: true
				});

				//监听工具条
				table.on('tool(LAY-user-manage)', function(obj) {
					var data = obj.data;
					if(obj.event === 'detail') {
						layer.msg('ID：' + data.id + ' 的查看操作');
					}else if(obj.event === 'edit') {
						layer.open({
							type: 2,
							title: '编辑用户',
							content: 'editss.html?ID=' + data.ID,
							area: ['40%', '60%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交
								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段
									//								
									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/tuiguang/edit')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-manage');
											layer.close(index); //关闭弹层
										}
									});

								});
								submit.trigger('click');
							}
						});
					}else if(obj.event === 'join'){
						layer.open({
							type: 2,
							title: '关联贷超角色',
							content: 'join.html?ID=' + data.ID,
							area: ['40%', '40%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
										submitID = 'LAY-user-back-submit',
										submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交
								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段

									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/tuiguang/edit')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-manage');
											layer.close(index); //关闭弹层
										}
									});

								});
								submit.trigger('click');
							}
						});
					}else if(obj.event === 'copyText'){
						var oInput = document.createElement('input');
						oInput.value = data.Links;
						document.body.appendChild(oInput);
						oInput.select(); // 选择对象
						document.execCommand("Copy"); // 执行浏览器复制命令
						oInput.className = 'oInput';
						oInput.style.display='none';
						layer.msg('复制成功');
					}
				});
				//监听搜索
				form.on('submit(LAY-user-front-search)', function(data) {
					var field = data.field;
					//执行重载
					table.reload('LAY-user-manage', {
						where: field
					});
				});

				//事件
				var active = {
					add: function() {
						layer.open({
							type: 2,
							title: '添加渠道',
							content: 'addss.html',
							area: ['80%', '70%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交
								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段

									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/tuiguang/add')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-manage');
											layer.close(index); //关闭弹层
										}
									});

								});

								submit.trigger('click');
							}
						});
					}
				};

				$('.layui-btn.layuiadmin-btn-useradmin').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
			});
		</script>
	</body>
</html>